/**
 * Created with JetBrains PhpStorm.
 * User: ShauanAndrade
 * Date: 07/10/13
 * Time: 15:34
 * To change this template use File | Settings | File Templates.
 */

/**
 * VARIAVEIS DE TIPOS
 *
 */
var $tipoRadio = 1;
var $tipoCheckBox = 2;
var $tipoSelect = 3;
var $tipoText = 4;
var $tipoTextArea = 5;

var $iconRadio = '<span class="add-on"><i class="icon-search"></i></span>'
var $iconCheckBox = '<span class="add-on"><i class="icon-check"></i></span>'
var $iconSelect = '<span class="add-on"><i class="icon-search"></i></span>'
var $iconText = '<span class="add-on"><i class="icon-search"></i></span>'
var $iconTextArea = '<span class="add-on"><i class="icon-search"></i></span>'
var cont = 1;

function onLoadTipo()
{
    var tipoItem = $("#Pergunta_TIPO_ID").val();
    $('#Item_ESCALA_INCIO').attr('disabled',true);
    $('#Item_ESCALA_FIM').attr('disabled',true);
    if(tipoItem == $tipoSelect)
    {
        $('#Item_ESCALA_INCIO').removeAttr('disabled');
        $('#Item_ESCALA_FIM').removeAttr('disabled');
        $('.item-escala').show('slow');
    }
    else  if(tipoItem == $tipoTextArea)
    {
        $('#Item_ESCALA_INCIO').attr('disabled',true);
        $('#Item_ESCALA_FIM').attr('disabled',true);
        $(".update-lista-itens-text").ready(function(){
            var idtext = $('#item-text-Id').val();
            $('textarea').attr('placeholder',"Parágrafo de exemplo...");
            $('textarea').attr('rows',"5");
            $('textarea').attr('name',"Item[UPDATE]["+idtext+"][TEXTAREA]");
        });
        $('.item-escala').hide('slow');
    }
    else
    {
        $('.item-escala').hide('slow');
    }
}

function addItem()
{
    var tipo = $('#Pergunta_TIPO_ID').val();
    var valTipo = $('#addItens').val();
    if(tipo == null || tipo == '')
    {
        alert("Selecione um Tipo");
    }
    else
    {
        if(valTipo == null || valTipo == '')
        {
            alert("Informe o texto do item.");
        }
        else
        {
            var campoItem = '<li><section class="input-append input-prepend">';
            campoItem += '<span class="add-on"><i class="icon-search"></i></span>';
            campoItem += '<input type="text" value="'+valTipo+'" readonly="readonly" name="Item[]"/>';
            campoItem += '<a href="javascript:;" class="btn" onclick="$(this).parent().remove();">&times;</a>';
            campoItem += '</section></li>';
            $("#box-lista-itens").append(campoItem);
            $('#addItens').val('');
            $('#addItens').focus();
            cont++;
        }
    }
}

function addItemText()
{
    var valTipo = $('#addItens').val();
    var $tipoValida = $('#type-text').find('#text').attr('data-type');
    if($tipoValida != null || $tipoValida == 'text')
    {
        alert("Já exites um campo do tipo TEXTO entre os itens!");
        $("#addOutros").hide();
        return false;
    }

    if(valTipo == null || valTipo == '')
    {
        alert("Informe o texto do item.");
    }
    else
    {
        var campoItem = '<section class="input-append input-prepend">';
        campoItem += '<span class="add-on"><i class="icon-text-height"></i></span>';
        campoItem += '<input type="text" value="'+valTipo+'" readonly="readonly" name="Item[TEXT]"/>';
        campoItem += '<a href="javascript:;" class="btn" onclick="$(this).parent().remove();$(\'#addOutros\').show();">&times;</a>';
        campoItem += '</section>';
        $("#box-lista-itens-text").show();
        $("#box-lista-itens-text").append(campoItem);
        $("#addOutros").hide();
        $('#addItens').val('');
        $('#addItens').focus();
    }
}

/**
 * Mostra opção de acordo com o tipo
 * */
function showAddItem()
{
    var tipoItem = $("#Pergunta_TIPO_ID").val();
    if(tipoItem=='' || tipoItem==null)
    {
        $('.update-itens').remove();
        $('.update-item-text').remove();
        $('.box-btnAddItem').hide('slow');
        $('.item-escala').hide('slow');
        $("#box-lista-itens").html("");
        $("#box-lista-itens-text").html("");
    }
    else
    {
        if((tipoItem == $tipoRadio) || (tipoItem == $tipoCheckBox) || (tipoItem == $tipoSelect))
        {
            $('#Item_ESCALA_INCIO').attr('disabled',true);
            $('#Item_ESCALA_FIM').attr('disabled',true);
            $('#addOutros').show();
            $('.update-itens').remove();
            $('.update-item-text').remove();
            $('.update-lista-itens-text').remove();
            $("#box-lista-itens").html("");
            $("#box-lista-itens-text").html("");
            if(tipoItem == $tipoSelect)
            {
                $('#Item_ESCALA_INCIO').removeAttr('disabled');
                $('#Item_ESCALA_FIM').removeAttr('disabled');
                $('.item-escala').show('slow');
            }
            else
            {
                $('.item-escala').hide('slow');
            }
            $("#box-lista-itens").html("");
            $("#box-lista-itens-text").html("");
            $('.box-btnAddItem').show('slow');
        }
        else if(tipoItem == $tipoText || tipoItem == $tipoTextArea)
        {
            $('#Item_ESCALA_INCIO').attr('disabled',true);
            $('#Item_ESCALA_FIM').attr('disabled',true);
            $('.update-itens').remove();
            $('.update-item-text').remove();
            $('.update-lista-itens-text').remove();

            $("#box-lista-itens").hide("slow");
            $("#box-lista-itens-text").show("slow",function(){
                $("#box-lista-itens").html("");
                $("#box-lista-itens-text").html("");
                $("#box-lista-itens-text").append('<textarea cols="10" rows="1" name="Item[TEXT]" id="text3" readonly="readonly" placeholder="Texto de exemplo..." style="resize: none;"></textarea>');

                if(tipoItem == $tipoTextArea)
                {
                    $("#box-lista-itens-text").html("");
                    $("#box-lista-itens-text").append('<textarea cols="10" rows="5" name="Item[TEXTAREA]" readonly="readonly" placeholder="Parágrafo de exemplo..." style="resize: none;"></textarea>');
                }
            });

            $('.item-escala').hide('slow');
            $('.box-btnAddItem').hide('slow');
        }
    }
}

